@import '../variables.css';

.modalFooterButtons {
  align-items: center;
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  margin: calc((var(--control-margin-bottom) / 4) * -1) 0;
  width: 100%;

  & > * {
    flex: 1 1 auto;
    margin: calc(var(--control-margin-bottom) / 4);

    @media (--medium-up) {
      flex: 0 1 auto;
    }
  }
}
